<form method="post">
    <div class="panel dux-box">
        <div class="table-responsive">
            <table id="table" class="table table-hover ">
                <tbody>
                    <tr>
                        <th width="100">编号</th>
                        <th width="*">职务名称</th>
                        <th width="*">所属部门</th>
                        <th width="*">职务排序</th>
                        <th width="100">操作</th>
                    </tr>
                    <volist name="list" id="val">
                        <tr>
                            <td>{$val['job_id']}</td>
                            <td>{$val['job_name']}</td>
                            <td>{$val['department_name']}</td>
                            <td>{$val['job_sort']}</td>
                            <td>
                                <a class="button bg-blue button-small icon-pencil" href="{:U('Job/edit',array('job_id'=>$val['job_id']))}" title="修改"></a>
                                <a class="button bg-red button-small icon-trash-o js-del" href="javascript:;" url="{:U('Job/del')}" data="{$val['job_id']}" title="删除"></a>
                            </td>
                        </tr>
                    </volist>
                </tbody>
            </table>
        </div>
        <div class="panel-foot table-foot clearfix">{$page}</div>
    </div>
</form>
<script>
    Do.ready('base', function () {
       $('#table').duxTable({});
    });
</script>